<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5" xmlns="http://www.w3.org/1999/xhtml">
<head th:replace="common/header::commonlinks(~{::title},~{::link})">
    <meta charset="UTF-8">
    <title>博主页</title>
    <link rel="stylesheet" th:href="@{/unauthorize/blogger.css}">
<!--    <link rel="stylesheet" th:href="@{/plugins/pagination/pagination.css}">-->
</head>
<body class="hold-transition sidebar-collapse layout-top-nav layout-navbar-fixed layout-fixed">
<div class="wrapper">

    <!-- Navbar -->
    <div th:include="~{common/header::topnavbar-md}"></div>

    <!-- /.navbar -->

    <!-- Main Sidebar Container -->


    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

        <!-- Main content -->
        <div class="content">
            <div class="container hold-transition register-page">

                <div class="card card1">
                    <div class="row content-header">
                        <div class="logo col-md-2">
                            <img class="img-circle userimg" src="" alt="获取图片失败">
                        </div>
                        <div class="name col-md-4" >
                            <h3 class="mb-2 username"></h3>
                            <i class="fas fa-comment"></i><span class="usercontent"></span>
                        </div>
                        <div class="fans col-md-2" >
                            <p class="followedNumber"></p>
                            <p>粉丝</p>
                        </div>
                        <div class="follow col-md-2" >
                            <p class="followingNumber"></p>
                            <p>他的关注</p>
                        </div>
                        <div class="followbtn col-md-2" >
                            <button class="btn btn-danger nologin"sec:authorize="isAnonymous()">关注</button>
                            <button class="btn btn-danger  isfollow" sec:authorize="isAuthenticated()"></button>
                        </div>
                    </div>
                </div>

                <div class="card card2">
                    <div class="tab">
                        <div class="tab-head">
                            <ul>
                                <li class="active">博客</li>
                                <li>收藏</li>
                            </ul>
                        </div>

                        <div class="list">
<!--                            博客页-->
                            <div class="main blogger selected">
                                <div class="blogger-list mt-3">
                                </div>
                                <div id="pagination"></div>

<!--                                <div class="pagination">-->
<!--                                    <ul class="pagination pagination-md">-->
<!--                                        <li><a href="#">&laquo;</a></li>-->
<!--                                        <li><a href="#">1</a></li>-->
<!--                                        <li><a href="#">2</a></li>-->
<!--                                        <li><a href="#">3</a></li>-->
<!--                                        <li><a href="#">4</a></li>-->
<!--                                        <li><a href="#">5</a></li>-->
<!--                                        <li><a href="#">&raquo;</a></li>-->
<!--                                    </ul><br>-->
<!--                                </div>-->
                            </div>
<!--                            收藏页-->
                            <div class="main collect ">
                                <div class="colletc-list mt-3">
                                </div>
                                <div id="pagination2"></div>
                            </div>
                        </div>
                    </div>

                </div>

                <!-- /.register-box -->
                <!-- 右侧栏 -->
                <div th:include="~{common/header::rightaside}"></div>
                <!-- /右侧栏 -->
                <!-- 底部栏 -->
                <div class="foot" th:include="~{common/footer::footer}"></div>
                <!-- /底部栏 -->
                <!--    公有的js-->
                <div th:replace="common/header::commonjs(~{::script})">
                    <!--        私有的js-->
<!--                    <script th:src="@{/plugins/pagination/jquery.pagination.js}"></script>-->
<!--                    <script th:src="@{/unauthorize/blogger.js}"></script>-->
                    <script type="text/javascript">
                        /* 请不要删除这段代码，因为这段代码起到了加速JS加载作用 */
                        document.write("<scr"+"ipt src=\"/plugins/pagination/jquery.pagination.js\"></sc"+"ript>");
                        document.write("<scr"+"ipt src=\"/unauthorize/blogger.js\"></sc"+"ript>");
                    </script>
                </div>
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

</div>
<!-- ./wrapper -->

</body>
</html>